.login-page-wrap {
  overflow: auto;
}

.ant-layout.login-page {
  position: relative;
  background-repeat: no-repeat;
  // background-size: 100% 100%;
  background-size: cover;
  background-position: right bottom;
  min-width: 1000px;


  .header {
    height: 100px;
    background: no-repeat 4.5% center;
    background-size: auto 80px;
    border-bottom: 1px solid #d3d3d3;
    padding: 0 6rem;
  }

  .login-contain {
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;

    >img {
      position: absolute;
      top: 35%;
      left: 10%;
    }
  }

  .login-form {
    position: absolute;
    right: 13%;
    width: 31.4%;
    padding: 3%;
    background-color: #fff;
    background-size: cover;
    border-radius: 10px 10px 10px 10px;
    min-width: 400px;

    .welcome-login {
      font-size: 32px;
      color: #292731;
      font-weight: bolder;
    }

    .login-row {
      margin-top: 6%;

      >.mark-word {
        color: #455360;
        font-size: 16px;
        margin-bottom: 0.5%;
      }
    }

    .ant-input-affix-wrapper {
      height: 40px;
      margin-top: 6px;
    }

    .code-row {
      .ant-input {
        margin-top: 1.2%;
      }
    }

    .captcha {
      border: 1px solid #e2e2e2;
      border-radius: 4px;
    }

    .forget-pwd {
      color: #3491fa;
      font-size: 16px;
      margin-top: 4%;
      width: max-content;
      cursor: pointer;
    }

    .login-btn {
      width: 100%;
      // background-color: #4c70ff;
      color: white;
      border-radius: 8px;
      height: 50px;
      line-height: 50px;
      margin-top: 15%;
      font-size: 20px;

      &:hover:not(.disabled) {
        // background-color: #6186ff;
      }
    }

    .login-btn:hover {
      color: white;
    }

    .eng-prompt {
      font-size: 16px;
      color: #b6bbce;
      margin-top: 5%;
      margin-bottom: 10.4%;
    }
  }

  .login-forgetForm {
    position: absolute;
    right: 10%;
    width: 29.2%;
    padding: 3%;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background-size: cover;
    border-radius: 10px;

    .forgetForm-title {
      font-size: 32px;
      color: #292731;
      font-weight: bolder;
    }

    .eng-prompt {
      font-size: 16px;
      color: #b6bbce;
      margin-top: 3%;
      margin-bottom: 10%;
    }

    .forgetForm {
      .ant-form-item {
        margin-bottom: 6%;

        .ant-form-item-label {
          justify-content: flex-start;
          padding: 0px 0px 10px;

          label {
            font-size: 16px;
            font-weight: 400;
            color: #455360;
          }
        }

        .ant-input-affix-wrapper {
          height: 40px;
          border: 1px solid #e2e2e2;

          .ant-input {
            &::-webkit-input-placeholder {
              /* WebKit browsers 适配谷歌 */
              font-weight: normal;
              font-size: 14px;
              color: #b3b3b3;
            }

            &:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 适配火狐 */
              font-weight: normal;
              font-size: 14px;
              color: #b3b3b3;
            }

            &::-moz-placeholder {
              /* Mozilla Firefox 19+ 适配火狐 */
              font-weight: normal;
              font-size: 14px;
              color: #b3b3b3;
            }

            &:-ms-input-placeholder {
              /* Internet Explorer 10+  适配ie*/
              font-weight: normal;
              font-size: 14px;
              color: #b3b3b3;
            }
          }
        }
      }
    }

    .forgetPwd-btn {
      margin-top: 3%;
      width: 100%;
      height: 46px;
      border-radius: 8px;
      // background: #4c70ff;

      span {
        font-size: 20px;
      }

      &:hover:not(.disabled) {
        // background-color: #6186ff;
      }
    }

    .forget-pwd {
      padding-top: 2%;
      font-size: 16px;
      font-weight: 500;
      color: #3491fa;
      line-height: 19px;
      width: max-content;
      cursor: pointer;
    }
  }

  .company-msg {
    position: fixed;
    height: 48px;
    display: flex;
    align-items: center;
    bottom: 20px;
    left: 3%;
    color: #332c2b;

    .splite {
      height: 48px;
      width: 2px;
      background: #332C2B4D;
      margin: 0 20px;
    }

    .msg {
      height: 100%;
      font-size: 14px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }
  }

  .cUmNeS {
    margin-top: 2.5%;
    width: 100%;
    height: 40px;
  }

  .login-contain {
    .ant-input-affix-wrapper {
      input:-internal-autofill-selected {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
        transition: all 0.1s linear;
      }

      &:hover {
        input:-internal-autofill-selected {
          -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
        }
      }

      &.ant-input-affix-wrapper-focused {
        input:-internal-autofill-selected {
          -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
        }
      }
    }

    .slogan {
      height: 160px;
    }
  }
}